.wdu-tree {
    background-color: white;

    &__node {
        overflow: hidden;

        &-label {
            .wdu-text-normal();
            height: 30px;
            transition: background-color 0.3s
                cubic-bezier(0.075, 0.82, 0.165, 1);

            &:hover {
                cursor: pointer;
                background-color: rgb(239, 244, 255);
            }

            &--leaf {
                &:hover {
                    cursor: default;
                }

                &::before {
                    visibility: hidden;
                }
            }

            &--container {
                display: flex;
                align-items: center;
                height: 100%;
            }

            i {
                width: 15px;
                height: 15px;
                margin: 0 8px;
            }

            &--text {
                width: 100%;
                display: inline-block;
            }
        }

        &-children {
            height: 0;
            transition: all 0.2s ease;
        }

        &-clicked {
            .wdu-bg-important();
            color: white;
        }
    }

    &__small {
        .wdu-tree__node-label {
            height: 25px;
        }
    }

    &__normal {
        .wdu-tree__node-label {
            height: 30px;
        }
    }

    &__large {
        .wdu-tree__node-label {
            height: 40px;
        }
    }
}
